<template>
  <div class="wuzi">
    <img width="100%" src="../../assets/images/wuzi.png" alt="">
    <div class="wrapper">
        <van-tabs v-model="active" animated>
            <van-tab v-for="item in arr" :title="item.title" :key="item.title">
                <img width="100%" :src="item.img" alt="">
            </van-tab>
        </van-tabs>
    </div>
  </div>
</template>

<script>
import img1 from '../../assets/images/jiujing.png'
import img2 from '../../assets/images/kouzhao.png'
export default {
    data(){
        return{
            active:0,
            arr:[
                {
                    img:img1,
                    title:'消毒剂'
                },
                {
                    img:img2,
                    title:'口罩'
                }
            ]
        }
    }
}
</script>

<style lang='less' scoped>
    .wuzi {
      background: #3343ff;
    }
    .wrapper {
      background: #3343ff;
      padding: 0.2rem;
    }
    </style>